<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
	<title>伊森首页</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/reset.css">
	<script type="text/javascript" src="js/winResponsive.js"></script>
</head>
<body>
<header>
	<div class="container">
		<div class="left">
		<a href="#"><img src="images/sss.png" alt=""></a>
		<a href="#"><img src="images/message.jpg" alt=""></a>
		<a href="#"><img src="images/phone.jpg" alt=""></a>
		</div>
		<h3>伊森官方旗舰网站欢迎您的光临</h3>
	</div>
	<div class="logo">
		<div class="yisen">
			<a href="#"><img src="images/logo.png" alt=""></a>
		</div>
		<div class="nav">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">关于伊森</a></li>
				<li><a href="listPage.html">产品系列</a></li>
				<li><a href="detail.html">详细描述</a></li>
				<li><a href="#">联系伊森</a></li>
			</ul>
		</div>
	</div>
	</header>
<section class="wrap">
	<!-- banner区域 -->
	<div class="banner">
		<a href="#"><img src="images/banner.jpg" alt=""></a>
		<div>
			<a href="#"></a>
			<a href="#"  class="cur"></a>
			<a href="#"></a>
			<a href="#"></a>
		</div>
	</div>
	<!-- 标题部分 -->
	<div class="title">
				<div class="parent">
					<div class="child">
						<h2>热销款</h2>
						<p>Hot style</p>
					</div>
				</div>
	</div>
	<!-- 产品区域 -->
	<div class="product">
		<div class="container">
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
				<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
				<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
			</div>
			<h3 class="more">查看更多</h3>			
		</div>
	</div>
	<!-- 又是一个大图 -->
	<div class="banner2">
		<img src="images/banner2.png" alt="">
	</div>
	<!-- 又是一个标题 -->
	<div class="title title2">
				<div class="parent">
					<div class="child">
						<h2>最新款</h2>
						<p>Latest style</p>
					</div>
				</div>
	</div>
	<!-- 又是一些产品 -->
	<div class="product product2">
	<div class="container">
		<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
		<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
		<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
		<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
			<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
		<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
		<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
		<div>
			<a href="#"><img src="images/product.png" alt=""></a>
			<p>伊森男腕表</p>
			<p>伊森男士腕表时尚型</p>
		</div>
		<h3 class="more">查看更多</h3>	</div>
	</div>
	<!-- 一堆图而已 -->
	<div class="image-wrap">
		<!-- 左边的图 -->
		<div class="left">
			<img src="images/bigproduct.png" alt="">
			<img src="images/bigproduct.png" alt="">
			<img src="images/bigproduct.png" alt="">
			<img src="images/bigproduct.png" alt="">
		</div>
		<div class="right">
		<img src="images/man.jpg" alt="">
		</div>
	</div>
</section>
<footer>
	<div class="top">
	<div>
		<h2>伊森腕表品牌</h2>
		<ul>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
		</ul>
	</div>
		<div>
		<h2>伊森腕表品牌</h2>
		<ul>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
		</ul>
	</div>
		<div>
		<h2>伊森腕表品牌</h2>
		<ul>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
			<li>品牌简介</li>
		</ul>
	</div>
	</div>
	<div class="bottom">
	<span>Copyright2016伊森腕表版权所有</span>
	<span>粤ICP备1234567号</span>
	<span>贵宾专线：400-200-9999</span>
	<span>地址：广州市海珠区XX大厦1808室</span>
	</div>
</footer>
	

</body>
</html>